.entete{width: 100%;
  height: 580PX;
  opacity: 1;
filter: brightness(60%);}

.logo{position: absolute;
  width: 35%;
height: 45%;
margin-top:   -40%;
margin-left: 33%;
z-index: 1;}
.textelogo {position:absolute;
  color:white;
margin-top: -280PX;
margin-left: 26%;
width: 50%;
text-align: center;
z-index: 1;
font-size: 20PX;
font-weight: bold;}

button{background-color: #33ceff;

margin-top: -150PX;
margin-left: 44%;
position: absolute;
color: white;
width: 14%;
height: 40PX;
border-style: none;}

.numero{color: black;
font-size: 16px;}
.num{position: absolute;
margin-left: 3%;
margin-top: -566PX;
width: 20%;
z-index: 2;
}
.adresse{color: black;
font-size: 16px;}
.adr{position: absolute;
color:wheat;
font-size: 5PX;
margin-left: 85%;
margin-top: -566PX;
width: 20%;
z-index: 2;
}

.navbar{ 
  margin-top: -580PX;
  position: fixed;
  margin-left: 0%; 
  height: 50px;
  width: 100%;
  z-index: 1;}
  .navbar-nav .nav-link.active{ color:#33ceff;}
  
  .collapse{justify-content: center;}
  .navbar-nav > li > a{font-size: 20PX;
    font-weight: 400;
  margin-left: 20PX;
  color: white;
  }

  

h1{position: absolute;
  margin-left: 35%;
  font-size: 46PX;
  font-weight: 700;
color: #33ceff;
margin-top: 50PX;}

.cadre{width:45%;
  height: 800PX;
border: solid 3PX;
border-color: burlywood;
border-radius: 20PX;
margin-top: 12%;
margin-left: 28%;
background: rgb(242,164,9);
background: linear-gradient(0deg, rgba(242,164,9,1) 0%, rgba(232,117,4,0.9791316184676996) 100%); }
 
input[type="text"]
  {color: #1b030a;
    border-radius: 50PX;
    border: solid 3px;
    border-color:beige;
    height:40px;
    width: 350px;;
    margin-top:  60px;
    margin-left: 20%;}
    
    input[type="email"] {color: #1b030a;
        border-radius: 50PX;
        border: solid 3px;
        border-color:beige;
        height:40px;
        width: 350px;
        position: absolute;
        margin-top: 10PX;
        margin-left: 9%;}


textarea{
    margin-top: 30px;
border-radius: 50px;
border: solid 3px;
border-color: beige;
width: 500px;
margin-left: 7%;}


input[type="submit"]
{position: absolute;
margin-top: 25px;
margin-left:  225px ;
height: 40px;
width: 150px;
border: solid burlywood;
border-radius: 50px;
color:white;
font-family: "Pridi", serif;
font-weight: 400;
font-style: normal;
background-color:#33ceff;
font-weight: bold;}
.telephone{text-align: center;
font-size: 30px;
color:#33ceff;
font-weight: 700;
margin-top: 30PX;
}
.tel1{position: absolute;
  margin-top: 50PX;
margin-left: 41%;
font-size: 40PX;
font-weight: 600;
margin-top: 20PX;
}
 
iframe{width: 60%;
height: 50%;
margin-left: 22%;
margin-top: 130px;
position: absolute;}



footer{width: 100%;
  height: 340PX;
  background: rgb(242,164,9);
  background: linear-gradient(0deg, rgba(242,164,9,1) 0%, rgba(232,117,4,0.9791316184676996) 100%);
 position: absolute;
  margin-top: 700px;}
  
  .logofooter{width: 15%;
  margin-left: 43%;}

   
  .textefooter{text-align: center;
    color: black;
  font-weight: 400;
  font-size: 16PX;
margin-left: 3%;}

  .facebook{margin-top: 40PX;
    margin-left: -60PX;}
  

  .mention{position: absolute;
    color: white;
  margin-left: 35%;
margin-top: 10PX;}

  .politique{position: absolute;
    color: white;
    margin-left: 47%;
    margin-top: -15PX;
  }
  

  @media screen and (min-width: 300px) and (max-width: 650px){

    header{margin-top: -180px; }
    .entete{height: 400PX;}
    img.entete{ height:380PX;}
    .logo{margin-top: -46%;
      margin-left: 30%;
    width: 35%;
  height: 70px;}
  .textelogo{font-size: 10PX;
  margin-top: -28%;
  font-weight: bold;}
  
   
  .navbar{margin-top: -195px;
    margin-left: -48%;
    position: fixed;
  z-index: 1; }
  .navbar-collapse{display: flex;
  margin-left: 50%;
  margin-top: 55%;
  background-color: orange;}
  .navbar-toggler{color: orange;
  height: 42px;
  width: 52PX;
  margin-left: 45%;
margin-top: 0%;}
  .navbar-toggler-icon{background-color: aliceblue;}
   
 
 
  h1{font-size: 27PX;
  margin-top: 15PX;
margin-left: 19%;}

.cadre{width:90%;
  height: 600PX;
border: solid 3PX;
border-color: burlywood;
border-radius: 20PX;
margin-top: 20%;
margin-left: 5%;
background-color:beige;
}
   .buttonheader{margin-top: -13%;
    width: 30%;
  height: 25PX;
  margin-left: 35%;
  font-size: 10PX;}

  input[type="text"]
  {color: #1b030a;
    border-radius: 50PX;
    border: solid 3px;
    border-color:beige;
    height:30px;
    width: 240px;;
    margin-top:  50px;
    margin-left: 15%;}
    
    input[type="email"] {color: #1b030a;
        border-radius: 50PX;
        border: solid 3px;
        border-color:beige;
        height:30px;
        width: 240px;
        position: absolute;
        margin-top: 10PX;
        margin-left: 14%;}


textarea{
    margin-top: 20px;
border-radius: 50px;
border: solid 3px;
border-color: beige;
width: 300px;
height: 260PX;
margin-left: 5%;
padding: 2%;

}


input[type="submit"]
{position: absolute;
margin-top: 25px;
margin-left:  25% ;
height: 40px;
width: 150px;
border: solid burlywood;
border-radius: 50px;
color:white;
font-family: "Pridi", serif;
font-weight: 400;
font-style: normal;
background-color:#33ceff;
font-weight: bold;}
.tel1{position: absolute;
  margin-top: 50PX;
margin-left: 25%;
font-size: 30PX;
font-weight: 600;
margin-top: 10PX;
}
#message{font-size: 13PX;}
 
 
iframe{width: 80%;
height: 50%;
margin-left: 10%;
margin-top: 100px;
position: absolute;}
footer{width: 100%;
  height: 250PX;
  background: rgb(242,164,9);
  background: linear-gradient(0deg, rgba(242,164,9,1) 0%, rgba(232,117,4,0.9791316184676996) 100%);
 position: absolute;
  margin-top: 600px;}
  
  .logofooter{width: 15%;
  margin-left: 43%;}


.textefooter{font-size: 13PX;}
.mention{margin-left: 25%;
  font-size: 10PX;} 
.politique{font-size: 10px;
margin-left: 55%;}  
}



 
    @media(min-width:1000px){
      .navbar{background: rgb(242,164,9);
      background: linear-gradient(0deg, rgba(242,164,9,1) 0%, rgba(232,117,4,0.9791316184676996) 100%); }
                                              } 
                                                                                 

                                            @media screen and (min-width: 651px) and (max-width: 1023px){ 
                                              .entete{width: 100%;
                                                height: 400PX;
                                                filter: brightness(60%);
                                                }
                                              
                                                .logo{position:absolute;
                                                  width: 22%;
                                                height: 14%;
                                                margin-top: -50%;
                                                margin-left: 40%;
                                                z-index: 1;
                                                }
                                              
                                                .textelogo {position:absolute;
                                                  color:white;
                                                margin-top: -250PX;
                                                margin-left: 25%;
                                                width: 50%;
                                                text-align: center;
                                                z-index: 1;
                                                font-size: 14PX;
                                              font-weight: 700;}
                                              
                                              
                                              .buttonheader{background-color: #33ceff;
                                              margin-top: -180PX;
                                              margin-left: 43%;
                                              position: absolute;
                                              color: white;
                                              width: 18%;
                                              height: 30PX;
                                              border-style: none;
                                            font-size: 14PX;}

                                            h1{font-size: 32PX;
                                              margin-top: 15PX;
                                            margin-left: 35%;}
                                              
                                              .paiement{position: absolute;
                                                width: 16%;
                                              margin-top: -295px;
                                              margin-left: 75%;
                                              z-index: 1;
                                              rotate: 12deg;}
                                              .navbar{margin-top: -290px;
                                                margin-left: -48%;
                                                position: fixed;
                                            z-index: 1; }
                                              .navbar-collapse{display: flex;
                                              margin-left: 40%;
                                            margin-top: 0%;
                                            background-color: orange;}
                                              .navbar-toggler{color: orange;
                                              height: 42px;
                                            width: 52PX;
                                            
                                            margin-left: 50%;}
                                            .navbar-toggler-icon{background-color: aliceblue;} 

                                            .buttonheader{margin-top: -18%;
                                              width: 30%;
                                            height: 25PX;
                                            margin-left: 35%;
                                            font-size: 10PX;}

                                            .cadre{width:55%;
                                              height: 600PX;
                                            border: solid 3PX;
                                            border-color: burlywood;
                                            border-radius: 20PX;
                                            margin-top: 12%;
                                            margin-left: 24%;
                                            background: rgb(242,164,9);
                                            background: linear-gradient(0deg, rgba(242,164,9,1) 0%, rgba(232,117,4,0.9791316184676996) 100%); }
                                             
                                          
                                            input[type="text"]
                                            {color: #1b030a;
                                              border-radius: 50PX;
                                              border: solid 3px;
                                              border-color:beige;
                                              height:30px;
                                              width: 240px;;
                                              margin-top:  50px;
                                              margin-left: 20%;}
                                              
                                              input[type="email"] {color: #1b030a;
                                                  border-radius: 50PX;
                                                  border: solid 3px;
                                                  border-color:beige;
                                                  height:30px;
                                                  width: 240px;
                                                  position: absolute;
                                                  margin-top: 10PX;
                                                  margin-left: 11%;}
                                          
                                          
                                          textarea{
                                              margin-top: 20px;
                                          border-radius: 50px;
                                          border: solid 3px;
                                          border-color: beige;
                                          width: 80%;
                                          margin-left: 10%;
                                          
                                          }
                                          
                                          
                                          input[type="submit"]
                                          {position: absolute;
                                          margin-top: 25px;
                                          margin-left:  17% ;
                                          height: 40px;
                                          width: 150px;
                                          border: solid burlywood;
                                          border-radius: 50px;
                                          color:white;
                                          font-family: "Pridi", serif;
                                          font-weight: 400;
                                          font-style: normal;
                                          background-color:rosybrown;
                                          font-weight: bold;}
                                           
                                          .tel1{position: absolute;
                                            margin-top: 50PX;
                                          margin-left: 32%;
                                          font-size: 40PX;
                                          font-weight: 600;
                                          margin-top: 20PX;
                                          }
                                          #message{font-size: 10PX;}
                                            
                                            }
                                    
                                            @media screen and (min-width: 1300PX){
                                              .entete{
                                                width: 100%;
                                                height: 750PX;
                                                filter: brightness(60%);
                                                }
                                              
                                                 .logo{position:absolute;
                                                  width: 30%;
                                                height: 40%;
                                                margin-top: -34%;
                                                margin-left: 36%;
                                                z-index: 1;
                                                }
                                              
                                                .textelogo {position:absolute;
                                                  color:white;
                                                margin-top: -280PX;
                                                margin-left: 26%;
                                                width: 50%;
                                                text-align: center;
                                                z-index: 1;
                                                font-size: 18PX;
                                              font-weight: 700;}
                                            
                                              
                                            
                                            
                                            .buttonheader{background-color: #33ceff;
                                              
                                            margin-top: -160PX;
                                            margin-left: 44%;
                                            position: absolute;
                                            color: white;
                                            width: 13%;
                                            height: 40PX;
                                            border-style: none;
                                            z-index: 1;}
                                            
                                            .paiement{position: absolute;
                                              width: 14%;
                                            margin-top: -395px;
                                            margin-left: 73%;
                                            z-index: 1;
                                            rotate: 12deg;}
                                            
                                            .numero{color: black;
                                              font-size: 16px;}
                                              .num{position: absolute;
                                              margin-left: 3%;
                                              margin-top: -736PX;
                                              width: 20%;
                                              z-index: 2;
                                              }
                                              .adresse{color: black;
                                              font-size: 16px;}
                                              .adr{position: absolute;
                                              color:wheat;
                                              font-size: 5PX;
                                              margin-left: 80%;
                                              margin-top: -736PX;
                                              width: 20%;
                                              z-index: 2;
                                              }
                                            
                                            .navbar{ 
                                              margin-top: -750PX;
                                              position: fixed;
                                              margin-left: 0%;
                                              height: 50px;
                                              width: 100%;
                                              z-index: 1;
                                              }
                                            
                                              .navbar-nav .nav-link.active{ color:#33ceff;}
                                            
                                            .collapse{justify-content: center;
                                            color:#33ceff;}
                                            .navbar-nav > li > a{font-size: 20PX;
                                              font-weight: 600;
                                            margin-left: 20PX;
                                            color: white;
                                            }
                                           
                                            h1{position: absolute;
                                              margin-left: 43%;
                                              font-size: 46PX;
                                              font-weight: 700;
                                            color: #33ceff;
                                            margin-top: 50PX;}
                                            
                                            .cadre{width:35%;
                                              height: 800PX;
                                            border: solid 3PX;
                                            border-color: burlywood;
                                            border-radius: 20PX;
                                            margin-top: 12%;
                                            margin-left: 34%;
                                            background: rgb(242,164,9);
                                            background: linear-gradient(0deg, rgba(242,164,9,1) 0%, rgba(232,117,4,0.9791316184676996) 100%); }
                                             
                                            input[type="text"]
                                              {color: #1b030a;
                                                border-radius: 50PX;
                                                border: solid 3px;
                                                border-color:beige;
                                                height:40px;
                                                width: 350px;;
                                                margin-top:  60px;
                                                margin-left: 30%;}
                                                
                                                input[type="email"] {color: #1b030a;
                                                    border-radius: 50PX;
                                                    border: solid 3px;
                                                    border-color:beige;
                                                    height:40px;
                                                    width: 350px;
                                                    position: absolute;
                                                    margin-top: 10PX;
                                                    margin-left: 10.5%;}
                                            
                                            
                                            textarea{
                                                margin-top: 30px;
                                            border-radius: 50px;
                                            border: solid 3px;
                                            border-color: beige;
                                            width: 500px;
                                            margin-left: 18%;}
                                            
                                            
                                            input[type="submit"]
                                            {position: absolute;
                                            margin-top: 25px;
                                            margin-left:  290px ;
                                            height: 40px;
                                            width: 150px;
                                            border: solid burlywood;
                                            border-radius: 50px;
                                            color:white;
                                            font-family: "Pridi", serif;
                                            font-weight: 400;
                                            font-style: normal;
                                            background-color:#33ceff;
                                            font-weight: bold;}
                                            .telephone{margin-left: 5%;
                                            font-size: 46px;
                                            color:#33ceff;
                                            font-weight: 700;
                                            margin-top: 30PX;
                                            } 

                                            .tel1{position: absolute;
                                              margin-top: 50PX;
                                            margin-left: 45%;
                                            font-size: 40PX;
                                            font-weight: 600;
                                            margin-top: 20PX;
                                            }
                                             
                                            iframe{width: 60%;
                                            height: 50%;
                                            margin-left: 20%;
                                            margin-top: 130px;
                                            position: absolute;}
                                        
                                            
                                            footer{width: 100%;
                                              height: 398PX;
                                              background: rgb(242,164,9);
                                              background: linear-gradient(0deg, rgba(242,164,9,1) 0%, rgba(232,117,4,0.9791316184676996) 100%);
                                              position: absolute;
                                              margin-top: 777px;}}  
                                                             
                                              
                                             
                                                             
     @media only screen 
  and (min-device-width: 1440px) 
  and (max-device-width: 1440px) 
  and (min-device-height: 900px) 
  and (max-device-height: 900px) 
  and (-webkit-min-device-pixel-ratio: 2) {
    
 


 .logo{margin-top: -42%;}

  .conteneur1{margin-top: 10%;} 
textarea{
                                                margin-top: 30px;
                                            border-radius: 15px;
                                            border: solid 3px;
                                            border-color: beige;
                                            width: 400px;
                                            margin-left: 10%;}

    
                                            input[type="text"]
                                              {color: #1b030a;
                                                border-radius: 50PX;
                                                border: solid 3px;
                                                border-color:beige;
                                                height:40px;
                                                width: 350px;;
                                                margin-top:  60px;
                                                margin-left: 14%;}
                                                
                                                input[type="email"] {color: #1b030a;
                                                    border-radius: 50PX;
                                                    border: solid 3px;
                                                    border-color:beige;
                                                    height:40px;
                                                    width: 350px;
                                                    position: absolute;
                                                    margin-top: 10PX;
                                                    margin-left: 5%;}

                                  h1{position: absolute;
                                              margin-left: 37%;
                                              font-size: 46PX;
                                              font-weight: 700;
                                            color: #33ceff;
                                            margin-top: 50PX;}  
                                            
                             input[type="submit"]
                                            {position: absolute;
                                            margin-top: 25px;
                                            margin-left:  180px ;
                                            height: 40px;
                                            width: 150px;
                                            border: solid burlywood;
                                            border-radius: 50px;
                                            color:white;
                                            font-family: "Pridi", serif;
                                            font-weight: 400;
                                            font-style: normal;
                                            background-color:#33ceff;
                                            font-weight: bold;}  
                                            
                  footer{width: 100%;
                                              height: 398PX;
                                              background: rgb(242,164,9);
                                              background: linear-gradient(0deg, rgba(242,164,9,1) 0%, rgba(232,117,4,0.9791316184676996) 100%);
                                              position: absolute;
                                              margin-top: 777px;}                           

}